<template>
  <panel>
    <el-row :gutter="20">
      <el-col :span="6">
        <ymy-project-tree :show-checkbox="true" :filter-node="filterNode" @loaded="loaded"></ymy-project-tree>
      </el-col>
      <el-col :span="6">
        <ymy-project-tree :search="true"></ymy-project-tree>
      </el-col>
      <el-col :span="6">
        <ymy-project-select-tree
          v-model="value"
          :beforeSelect="beforeSelect"
          :afterSelect="afterSelect"
          :search="true"></ymy-project-select-tree>
      </el-col>
      {{value}}
    </el-row>
  </panel>
</template>

<script>

  import ymyProjectTree from '@/components/business/projectTree/ymyProjectTree';
  import ymyProjectSelectTree from '@/components/business/projectTree/ymyProjectSelectTree';

  export default {
    data() {
      return {
        value: null,
      };
    },
    components: {ymyProjectTree, ymyProjectSelectTree},
    methods: {
      loaded(result){
      },
      filterNode(node) {

        //过滤符合条件的数据
        return true;
      },
      beforeSelect(node) {
        //true选中
        return true;
      },
      afterSelect(node) {

      }
    },
  };

</script>
